The measure of a web page’s usability by persons with one or more disabilities.
Example: This is the point where the biggest advantage of wireless networks; which is ACCESSIBILITY
en: Accesibilidad
Affordance
noun
Affordances are clues that tell us what an element can do to us. Affordances are properties of objects denoting the actions the users can take. From the context of the user interface, they help in communicating to users what can and cannot be done on a screen. Users should be able to perceive affordances without having to consider how to use the items. For instance, buttons on interfaces, for example, afford being pressed to trigger an action.
Example: Try explaining any unique techniques which have been used AFFORDANCE Design things so it is clear what they are for, so that the user will know at the spot how to use them AFFORDANCEs are culturally determined.
en: Asequibilidad
Agile
noun
“Agile” describes a software development methodology, which can also be applied to other disciplines like design. It expresses the idea that design work shouldn’t be a single discrete step in a longer process.
Example: A key characteristics of an AGILE organisation is flexibility.
en: Ágil
Bar
noun
Bar is a section of the user interface with clickable elements enabling a user to quickly take some core steps of interaction with the product or it can also inform the user about the current stage of process.
Example: This works on a simple concept where in the content on the left side of
sign is ignored and the domain name or IP address on the right side of the
sign is treated as the legitimate domain.Example: Status BAR
en: barra
Breadcrumbs
noun
Breadcrumbs are a navigation element that allows users to orient themselves within a Web site or move to one of the intermediate pages. It is usually placed near the top of the page (generally, right under the browser’s address bar).
Example: breadcrumbs allows users to find their way to the homepage.
en: Migas de pan
Button
noun
An interface element that, when tapped or clicked, triggers a specific action (like submitting a form).
Example: However, to perform the functions described below the barcode reader would need to have the following controls: ADD BUTTON: BUTTON indicating products will be added to the current bill.
en: Botón
Checkbox
noun
A checkbox is a UI element that allows the user to make a binary (yes/no, cancel/confirm) choice for a specific option
Example: Select all your items with the checkboxes
en: Caja de selección
Eyetracking
noun
A technology that allows you to observe and record eye movement. It is widely used in many areas, including UX research of websites, mobile applications, and branding.
Example: Eyetracking is primarily used to understand where users are looking and how they interact with a product.
en: Registro visual
Fidelity
noun
a concept in both wireframing and prototyping. Low-fidelity wireframes and prototypes aim to cover basic layout and links between screens, while high-fidelity prototypes and wireframes aim to be very close to final visuals and functionality.
Example: Lett. 94 6 Wefers, MM and Nelson, K.A. (1995) 'Generation of high-FIDELITY programmable ultrafast optical waveforms' Opt.
en: Fidelidad
Form
noun
A UI element that gathers information from the user. Forms range from extremely short to extremely long. An example of a very short form is an email signup, which may have only an email address field and a submit button. An online loan application, however, might have a series of long forms in the flow.
Example: Another FORM of improving accuracy when conducting the comparison is to combine several related ratios to FORM a more comprehensive picture.
en: Formulario
Grid
noun
A system of horizontal and vertical lines providing a structural basis for page layout and design. It communicates order, economy and consistency. The grid provides a common structure and flexibility for organizing content.
The order of visual elements on the page aims to correctly communicate the main message and logically present the information.
Example: The structure of the organization was centrally directed; all the management decisions on merchandising, store LAYOUT design, etc came from the head office. javascript:void(0);
en: Diseño/Capa
Mockup
noun
A medium or highly detailed static representation of the design. Moreover, mockups make it easy to perceive the idea of the final product, and the process of mockup creation is less time-consuming compared to prototypes.
Example: A good mockup demonstrates the information structure, content and basic functionality in static form
en: Bosquejo
Modal
noun
Also known as a modal window, modal dialog, or modal pop-up. A kind of in-window or in-app dialog box that either displays a message to be dismissed or invites some kind of action from the user. They’re also often used to convey important information, like advance notice of a service outage.
Example: Modals are often seen when people first land on a website, for example, to offer a voucher code or encourage the user to sign up.
en: s/t
Moodboard
noun
A collection of visual materials that help define a specific style of a product through images, text, colors, and other branding elements. It gives an idea of the style of a particular project, design, or brand.
Example: Let´s use a moodboard to make the look and feel of the design
en: s/t
Navigation
noun
An element of user interface (UI) design that manages how users move between sections and features in an app or website.
Example: NAVIGATION & Interface The page design features a white box, containing content, on a light grey background, with a picture of a 1920s film director in the corner, in keeping with the pseudo-" film noir" company image.
en: Navegación
Onboarding
noun
Designing a welcoming experience for new users by easing them into it.
Example: The design of the onboarding process for your site is usually limited to a first-time use scenario.
en: Inducción
Picker
noun
A picker is a UI element that allows the user to choose, for example, a date, time, or color.
Example: Pickers tend to be used where there is a very high number of options, or the input is highly conceptual.
en: seleccionador
Prototype
noun
Often confused with a wireframe, a prototype is a medium or a highly detailed representation of the final product. It simulates user interaction with the interface and allows the user to rate the content and interface and test the primary options for communication with the app. Though the prototype may not look exactly like the final product, it definitely should not be sketched in shades of gray. In addition, interactions must be modeled in a way that closely mimics the final product.
Example: Another very important thing that the PROTOTYPE made me realise was the significance of close data.
en: Prototipo
Sketching
Verb
A drawing that designers use to propose, explore, refine and communicate ideas. As a UX designer, you too can use sketching as your first line of attack to crack a design problem.
Example: Let´s sketching the design before making the final design
en: Dibujar
Storyboard
noun
Storyboards are a visual representation of a user’s experience with a product or problem space.
Example: Storybords are a film technique we’ve adopted and look a lot like comic strips
en: plan de historia
Switch
noun
Switch is a control that enables users to switch the option on or off. Again, it is applied with the high level of efficiency and popularity in modern interfaces because it presents the direct imitation of switches people are accustomed to in real life.
Example: Examining the program in PIC, it seems that only the "SWITCH() " statement can cause the output to a default state.
en: Cambiar
Usability
noun
An indicator of the simplicity and ease of use of the site/app.
Example: This app has very good usability, my grandmother can use it without any problem
en: Usabilidad
Widget
noun
A display element that users interact with. Examples of widgets: sliders, calendar tools, buttons, contact forms
Example: My phone has good widgets can i use
en: Accesorio
Wireframe
noun
A simplified sketch of the important information on a page. Also known as page architecture, page schematic, or a blueprint. Basically, it’s a skeleton of the design and should contain all the important elements of the final product.
Example: We need to make a wireframe to start the design of this app